<template>
  <div class="u-p-r-50 u-p-b-50">
    <div>
      <!-- <h3 class="h3-sre"><i class="el-icon-s-custom"></i>基本数据</h3>
      <hr /> -->
      <div class="card-disTitle">
        <h3 class="card-title u-flex">
          <div class="card-title-border"></div>
          <span>基本数据</span>
        </h3>
      </div>
      <hr />
      <el-row :gutter="24">
        <el-col :span="12">
          <el-form
            size="mini"
            label-width="140px"
            :inline="true"
            class="u-m-t-5"
          >
            <el-form-item label="挂车号" required>
              <el-input v-model="formData.a1" :style="{ width: '200px' }">
              </el-input>
            </el-form-item>
            <el-form-item label="车辆状态">
              <el-select
                size="mini"
                class="seleinput"
                v-model="formData.a2"
                filterable
                clearable
                :style="{ width: '200px' }"
              >
                <el-option
                  v-for="item in queryOptions.shifouziyoucheliangOptiopns"
                  :key="item.ID"
                  :label="item.Name"
                  :value="item.ID"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="驻点地">
              <el-select
                size="mini"
                class="seleinput"
                v-model="formData.a3"
                filterable
                clearable
                :style="{ width: '200px' }"
              >
                <el-option
                  v-for="item in queryOptions.guachehaoOptiopns"
                  :key="item.ID"
                  :label="item.Name"
                  :value="item.ID"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="所属公司">
              <el-select
                size="mini"
                class="seleinput"
                v-model="formData.a4"
                filterable
                clearable
                :style="{ width: '200px' }"
              >
                <el-option
                  v-for="item in queryOptions.chelianglieingOptiopns"
                  :key="item.ID"
                  :label="item.Name"
                  :value="item.ID"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="所属车队">
              <el-select
                size="mini"
                class="seleinput"
                v-model="formData.a5"
                filterable
                clearable
                :style="{ width: '200px' }"
              >
                <el-option
                  v-for="item in queryOptions.cheliangzhuantaiOptiopns"
                  :key="item.ID"
                  :label="item.Name"
                  :value="item.ID"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="车辆类型">
              <el-select
                size="mini"
                class="seleinput"
                v-model="formData.a6"
                filterable
                clearable
                :style="{ width: '200px' }"
              >
                <el-option
                  v-for="item in queryOptions.suoshuzuzhiOptiopns"
                  :key="item.ID"
                  :label="item.Name"
                  :value="item.ID"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="介质检测提示">
              <el-select
                size="mini"
                class="seleinput"
                v-model="formData.a7"
                filterable
                clearable
                :style="{ width: '200px' }"
              >
                <el-option
                  v-for="item in queryOptions.suoshucheduiOptiopns"
                  :key="item.ID"
                  :label="item.Name"
                  :value="item.ID"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="挂车空车油耗">
              <el-input v-model="formData.a8" :style="{ width: '200px' }">
              </el-input>
            </el-form-item>
            <el-form-item label="挂车重车油耗">
              <el-input v-model="formData.a9" :style="{ width: '200px' }">
              </el-input>
            </el-form-item>
            <el-form-item label="挂车空车高速油耗">
              <el-input v-model="formData.a10" :style="{ width: '200px' }">
              </el-input>
            </el-form-item>
            <el-form-item label="挂车重车高速油耗">
              <el-input v-model="formData.a11" :style="{ width: '200px' }">
              </el-input>
            </el-form-item>
            <el-form-item label="累计里程">
              <el-input v-model="formData.a12" :style="{ width: '200px' }">
              </el-input>
            </el-form-item>
          </el-form>
        </el-col>
        <el-col :span="12">
          <div>
            <h4
              style="
                color: #606266;
                margin: 5px 0 10px;
                font-weight: bold;
                font-size: 14px;
              "
            >
              危险品等级
            </h4>
            <!-- 一类 -->
            <el-checkbox
              v-model="Alldengji.one.checkAll"
              @change="handleCheckAllChange(Alldengji.one.checkAll, 'one')"
              >一类</el-checkbox
            >
            <el-checkbox-group
              v-model="Alldengji.one.checkedCities"
              @change="
                handleCheckedCitiesChange(Alldengji.one.checkedCities, 'one')
              "
            >
              <el-checkbox
                v-for="i in Alldengji.one.cities"
                :label="i"
                :key="i"
              ></el-checkbox>
            </el-checkbox-group>
            <p class="dashed-line"></p>

            <!-- 二类 -->
            <el-checkbox
              v-model="Alldengji.two.checkAll"
              @change="handleCheckAllChange(Alldengji.two.checkAll, 'two')"
              >二类</el-checkbox
            >
            <el-checkbox-group
              v-model="Alldengji.two.checkedCities"
              @change="
                handleCheckedCitiesChange(Alldengji.two.checkedCities, 'two')
              "
            >
              <el-checkbox
                v-for="i in Alldengji.two.cities"
                :label="i"
                :key="i"
              ></el-checkbox>
            </el-checkbox-group>
            <p class="dashed-line"></p>

            <!-- 三类 -->
            <el-checkbox v-model="Alldengji.three.checkAll">三类</el-checkbox>
            <p class="dashed-line"></p>

            <!-- 四类 -->
            <el-checkbox
              v-model="Alldengji.four.checkAll"
              @change="handleCheckAllChange(Alldengji.four.checkAll, 'four')"
              >四类</el-checkbox
            >
            <el-checkbox-group
              v-model="Alldengji.four.checkedCities"
              @change="
                handleCheckedCitiesChange(Alldengji.four.checkedCities, 'four')
              "
            >
              <el-checkbox
                v-for="i in Alldengji.four.cities"
                :label="i"
                :key="i"
              ></el-checkbox>
            </el-checkbox-group>
            <p class="dashed-line"></p>

            <!-- 五类 -->
            <el-checkbox
              v-model="Alldengji.five.checkAll"
              @change="handleCheckAllChange(Alldengji.five.checkAll, 'five')"
              >五类</el-checkbox
            >
            <el-checkbox-group
              v-model="Alldengji.five.checkedCities"
              @change="
                handleCheckedCitiesChange(Alldengji.five.checkedCities, 'five')
              "
            >
              <el-checkbox
                v-for="i in Alldengji.five.cities"
                :label="i"
                :key="i"
              ></el-checkbox>
            </el-checkbox-group>
            <p class="dashed-line"></p>

            <!-- 六类 -->
            <el-checkbox
              v-model="Alldengji.six.checkAll"
              @change="handleCheckAllChange(Alldengji.six.checkAll, 'six')"
              >六类</el-checkbox
            >
            <el-checkbox-group
              v-model="Alldengji.six.checkedCities"
              @change="
                handleCheckedCitiesChange(Alldengji.six.checkedCities, 'six')
              "
            >
              <el-checkbox
                v-for="i in Alldengji.six.cities"
                :label="i"
                :key="i"
              ></el-checkbox>
            </el-checkbox-group>
            <p class="dashed-line"></p>

            <!-- 七类 -->
            <el-checkbox
              v-model="Alldengji.seven.checkAll"
              @change="handleCheckAllChange(Alldengji.seven.checkAll, 'seven')"
              >七类</el-checkbox
            >
            <el-checkbox-group
              v-model="Alldengji.seven.checkedCities"
              @change="
                handleCheckedCitiesChange(
                  Alldengji.seven.checkedCities,
                  'seven'
                )
              "
            >
              <el-checkbox
                v-for="i in Alldengji.seven.cities"
                :label="i"
                :key="i"
              ></el-checkbox>
            </el-checkbox-group>
            <p class="dashed-line"></p>

            <!-- 八类 -->
            <el-checkbox v-model="Alldengji.three.eight">八类</el-checkbox>
            <p class="dashed-line"></p>

            <!-- 九类 -->
            <el-checkbox v-model="Alldengji.three.nince">九类</el-checkbox>
          </div>
        </el-col>
      </el-row>
    </div>
    <div>
      <div class="card-disTitle">
        <h3 class="card-title u-flex">
          <div class="card-title-border"></div>
          <span>其他信息</span>
        </h3>
      </div>
      <hr />
      <h4 class="h4-sre u-p-l-5">
        <i class="el-icon-collection-tag"></i>证照信息
      </h4>
      <el-form size="mini" label-width="140px" :inline="true">
        <el-form-item label="车辆注册日期">
          <el-date-picker
            v-model="formData.b1"
            type="date"
            placeholder="请选择车辆注册日期"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            :style="{ width: '200px' }"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="行驶证发证日期">
          <el-date-picker
            v-model="formData.b2"
            type="date"
            placeholder="请选择行驶证发证日期"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            :style="{ width: '200px' }"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="投入使用日期">
          <el-date-picker
            v-model="formData.b3"
            type="date"
            placeholder="请选择投入使用日期"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            :style="{ width: '200px' }"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="道路运输证号">
          <el-input
            v-model="formData.b4"
            placeholder="请输入道路运输证号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="危险品顶灯编号">
          <el-input
            v-model="formData.b5"
            placeholder="请输入危险品顶灯编号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
      </el-form>

      <h4 class="h4-sre u-p-l-5">
        <i class="el-icon-collection-tag"></i>规格信息
      </h4>
      <el-form size="mini" label-width="140px" :inline="true">
        <el-form-item label="总重量(kg)">
          <el-input
            v-model="formData.b6"
            placeholder="请输入总重量(kg)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="整备重量(kg)">
          <el-input
            v-model="formData.b7"
            placeholder="请输入整备重量(kg)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="核定载重量(kg)">
          <el-input
            v-model="formData.b8"
            placeholder="请输入核定载重量(kg)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="准牵引总重量(kg)">
          <el-input
            v-model="formData.b9"
            placeholder="请输入准牵引总重量(kg)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="发动机号">
          <el-input
            v-model="formData.b10"
            placeholder="请输入发动机号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="车辆识别号">
          <el-input
            v-model="formData.b11"
            placeholder="请输入车辆识别号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="品牌型号">
          <el-input
            v-model="formData.b12"
            placeholder="请输入品牌型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="功率及驱动形式">
          <el-input
            v-model="formData.b13"
            placeholder="请输入功率及驱动形式"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="轴数">
          <el-input
            v-model="formData.b14"
            placeholder="请输入轴数"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="轮胎型号">
          <el-input
            v-model="formData.b15"
            placeholder="请输入轮胎型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="尺寸(长×宽×高)">
          <el-input
            v-model="formData.b16"
            placeholder="请输入尺寸(长×宽×高)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="制动系统">
          <el-input
            v-model="formData.b17"
            placeholder="请输入制动系统"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="防侧翻系统">
          <el-select
            size="mini"
            class="seleinput"
            v-model="formData.b18"
            filterable
            clearable
            :style="{ width: '200px' }"
          >
            <el-option
              v-for="item in queryOptions.fangchefangOptiopns"
              :key="item.ID"
              :label="item.Name"
              :value="item.ID"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="车载发电机">
          <el-input
            v-model="formData.b19"
            placeholder="请输入车载发电机"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
      </el-form>

      <h4 class="h4-sre u-p-l-5">
        <i class="el-icon-collection-tag"></i>危险品信息
      </h4>
      <el-form size="mini" label-width="140px" :inline="true">
        <el-form-item label="罐体使用登记证编号">
          <el-input
            v-model="formData.b21"
            placeholder="请输入罐体使用登记证编号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="罐体注册代码">
          <el-input
            v-model="formData.b22"
            placeholder="请输入罐体注册代码"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="罐体(铭牌)编号">
          <el-input
            v-model="formData.b23"
            placeholder="请输入罐体(铭牌)编号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="注册日期">
          <el-date-picker
            v-model="formData.b24"
            type="date"
            placeholder="请选择注册日期"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            :style="{ width: '200px' }"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="制造单位">
          <el-input
            v-model="formData.b25"
            placeholder="请输入制造单位"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="制造许可证">
          <el-input
            v-model="formData.b26"
            placeholder="请输入制造许可证"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="罐体容积(M3)">
          <el-input
            v-model="formData.b27"
            placeholder="请输入罐体容积(M3)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="罐体材质">
          <el-input
            v-model="formData.b28"
            placeholder="请输入罐体材质"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="最高工作压力(Mpa)">
          <el-input
            v-model="formData.b29"
            placeholder="请输入最高工作压力(Mpa)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="设计压力(Mpa)">
          <el-input
            v-model="formData.b30"
            placeholder="请输入设计压力(Mpa)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="实际最大充装量(吨)">
          <el-input
            v-model="formData.b31"
            placeholder="请输入实际最大充装量(吨)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="允许最大充装量(吨)">
          <el-input
            v-model="formData.b32"
            placeholder="请输入允许最大充装量(吨)"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="充装介质">
          <el-select
            size="mini"
            class="seleinput"
            v-model="formData.b33"
            filterable
            clearable
            :style="{ width: '200px' }"
          >
            <el-option
              v-for="item in queryOptions.chongzhuangjiezhiOptiopns"
              :key="item.ID"
              :label="item.Name"
              :value="item.ID"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="实际充装介质">
          <el-select
            size="mini"
            class="seleinput"
            v-model="formData.b34"
            filterable
            clearable
            :style="{ width: '200px' }"
          >
            <el-option
              v-for="item in queryOptions.chongzhuangjiezhiOptiopns"
              :key="item.ID"
              :label="item.Name"
              :value="item.ID"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="安全阀型号">
          <el-input
            v-model="formData.b35"
            placeholder="请输入安全阀型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="安全阀数量">
          <el-input
            v-model="formData.b36"
            placeholder="请输入安全阀数量"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="爆破片型号">
          <el-input
            v-model="formData.b37"
            placeholder="请输入爆破片型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="爆破片数量">
          <el-input
            v-model="formData.b38"
            placeholder="请输入爆破片数量"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="压力表型号">
          <el-input
            v-model="formData.b39"
            placeholder="请输入压力表型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="压力表数量">
          <el-input
            v-model="formData.b40"
            placeholder="请输入压力表数量"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="经济充装量（吨）">
          <el-input
            v-model="formData.b41"
            placeholder="请输入经济充装量"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
      </el-form>

      <h4 class="h4-sre u-p-l-5">
        <i class="el-icon-collection-tag"></i>卸车数据
      </h4>
      <el-form size="mini" label-width="140px" :inline="true">
        <el-form-item label="卸车方式">
          <el-input
            v-model="formData.b43"
            placeholder="请输入卸车方式"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="充装泵品牌型号">
          <el-input
            v-model="formData.b44"
            placeholder="请输入充装泵品牌型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="泵年度维护">
          <el-input
            v-model="formData.b45"
            placeholder="请输入泵年度维护"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="泵季度维护">
          <el-input
            v-model="formData.b46"
            placeholder="请输入泵季度维护"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="流量计品牌型号">
          <el-input
            v-model="formData.b47"
            placeholder="请输入流量计品牌型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
      </el-form>

      <h4 class="h4-sre u-p-l-5">
        <i class="el-icon-collection-tag"></i>管束车信息
      </h4>
      <el-form size="mini" label-width="140px" :inline="true">
        <el-form-item label="鱼雷管序列号">
          <el-input
            v-model="formData.b48"
            placeholder="请输入鱼雷管序列号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="温度计型号">
          <el-input
            v-model="formData.b49"
            placeholder="请输入温度计型号"
            :style="{ width: '200px' }"
          >
          </el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
import ValidateMixin from "@/mixins/ValidateMixin.js";
/**
 * 表单校验
 */
let REQUIRED_PORP_LIST1 = [
  {
    label: "挂车号",
    prop: "a1",
  },
];
export default {
  name: "tab1",
  mixins: [ValidateMixin],
  components: {},
  data() {
    return {
      formData: {
        // ================== 基本数据 ==================
        a1: "",
        a2: "",
        a3: "",
        a4: "",
        a5: "",
        a6: "",
        a7: "",
        a8: "",
        a9: "",
        a10: "",
        a11: "",
        a12: "",
        // ================== 其他信息 ==================
        // ---------- 证照信息 ----------
        b1: "",
        b2: "",
        b3: "",
        b4: "",
        b5: "",

        // ---------- 规格信息 ----------
        b6: "",
        b7: "",
        b8: "",
        b9: "",
        b10: "",
        b11: "",
        b12: "",
        b13: "",
        b14: "",
        b15: "",
        b16: "",
        b17: "",
        b18: "",
        b19: "",
        b20: "",

        // ---------- 危险品信息 ----------
        b21: "",
        b22: "",
        b23: "",
        b24: "",
        b25: "",
        b26: "",
        b27: "",
        b28: "",
        b29: "",
        b30: "",
        b31: "",
        b32: "",
        b33: "",
        b34: "",
        b35: "",
        b36: "",
        b37: "",
        b38: "",
        b39: "",
        b40: "",
        b41: "",

        // ---------- 卸车数据 ----------
        b43: "",
        b44: "",
        b45: "",
        b46: "",
        b47: "",

        // ---------- 管束车信息 ----------
        b48: "",
        b49: "",
      },
      queryOptions: {
        shifouziyoucheliangOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        guachehaoOptiopns: [
          {
            ID: "1731589077220626432",
            Name: "南方路通物流运输有限公司",
          },
          {
            ID: "1731590965664059392",
            Name: "通行天下物流有限责任公司",
          },
        ],
        chelianglieingOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        cheliangzhuantaiOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        suoshuzuzhiOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        suoshucheduiOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        zhudiandiOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        yayunyuanOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        sijiOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        jiezhitishiOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        fangchefangOptiopns: [
          {
            ID: "1",
            Name: "无",
          },
          {
            ID: "2",
            Name: "有",
          },
        ],
        paifangbiaozhunOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
        chongzhuangjiezhiOptiopns: [
          {
            ID: "1",
            Name: "是",
          },
          {
            ID: "2",
            Name: "否",
          },
        ],
      },
      Alldengji: {
        one: {
          checkAll: false,
          checkedCities: [],
          cities: ["[1.1]", "[1.2]", "[1.3]", "[1.4]", "[1.5]", "[1.6]"],
        },
        two: {
          checkAll: false,
          checkedCities: [],
          cities: ["[2.1]", "[2.2]", "[2.3]"],
        },
        three: {
          checkAll: false,
        },
        four: {
          checkAll: false,
          checkedCities: [],
          cities: ["[4.1]", "[4.2]", "[4.3]"],
        },
        five: {
          checkAll: false,
          checkedCities: [],
          cities: ["[5.1]", "[5.2]"],
        },
        six: {
          checkAll: false,
          checkedCities: [],
          cities: ["[6.1]", "[6.2]"],
        },
        seven: {
          checkAll: false,
          checkedCities: [],
          cities: ["[7.1]", "[7.2]", "[7.3]"],
        },
        eight: {
          checkAll: false,
        },
        nince: {
          checkAll: false,
        },
      },
    };
  },
  methods: {
    handleCheckAllChange(val, type) {
      let obj = {
        one: ["[1.1]", "[1.2]", "[1.3]", "[1.4]", "[1.5]", "[1.6]"],
        two: ["[2.1]", "[2.2]", "[2.3]"],
        four: ["[4.1]", "[4.2]", "[4.3]"],
        five: ["[5.1]", "[5.2]"],
        six: ["[6.1]", "[6.2]"],
        seven: ["[7.1]", "[7.2]", "[7.3]"],
      };
      this.Alldengji[type].checkedCities = val ? obj[type] : [];
    },
    handleCheckedCitiesChange(value, type) {
      let checkedCount = value.length;
      this.Alldengji[type].checkAll =
        checkedCount === this.Alldengji[type].cities.length;
    },
    //校验必填
    verify_required() {
      return this.$validateForm(this.formData, REQUIRED_PORP_LIST1);
    },
  },
  created() {},
};
</script>

<style lang="scss" scoped>
.h4-sre {
  margin: 15px !important;
  font-weight: bold;
}
.h3-sre {
  @extend .h4-sre;
  text-shadow: 1px -3px 2px #9cf3f5;
}
.card {
  margin-bottom: 25px;

  &-title {
    font-size: 1.25rem;
    margin: 10px 2%;

    &-border {
      border: 1px double #f59a23;
      width: 6px;
      margin-right: 10px;
      background-color: #f59a23;
      height: 30px;
    }
  }

  &-disTitle {
    margin: 10px 0;
  }
}
.dashed-line {
  border-top: 1px dashed rgb(78, 93, 121);
  margin: 2px;
}
</style>
